<html lang="en">
    <head>
        <title>Bienvenidos</title>
		<link rel="stylesheet" type="text/css" href="estilos.css">
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Slicebox - 3D Image Slider with Fallback" />
        <meta name="keywords" content="jquery, css3, 3d, webkit, fallback, slider, css3, 3d transforms, slices, rotate, box, automatic" />
		<meta name="author" content="Pedro Botelho for Codrops" />
		<link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/slicebox.css" />
		<link rel="stylesheet" type="text/css" href="css/custom.css" />
		<script type="text/javascript" src="js/modernizr.custom.46884.js"></script>
	    <style type="text/css">
<!--
.Estilo3 {font-size: xx-large}
.Estilo5 {color: #CCCCCC}
.Estilo7 {font-size: xx-large; color: #CCCCCC; }
.Estilo9 {color: #FFFFFF}
.Estilo11 {font-size: xx-large; color: #996600; }
.Estilo12 {color: #996600}
.Estilo13 {
	font-size: large;
	color: #996600;
}
.Estilo14 {font-size: large; color: #FFFFFF; }
.Estilo15 {
	font-size: 16px;
	color: #996600;
}
-->
        </style>
</head>
	<body>
		<div class="container">
		  <table width="101%" height="122" bordercolor="#999999" background="images/fondo3.jpg" bgcolor="#999999">
            <tr background="images/fondo3.jpg">
              <th height="109" scope="row"><img src="images/logo principal.png" width="153" height="113">
                <embed src="images/flashvortex (1).swf" width="825" height="102"></embed>
                <img src="images/logo principal.png" alt="1" width="153" height="113"></th>
            </tr>
            <tr>            </tr>
          </table>
		 <CENTER><h3 class="Estilo11"></P>
		 </h3>
	      </CENTER>
		  
		  <div class="more"></div>
		  <div class="wrapper">

				<ul id="sb-slider" class="sb-slider">
					<li>
						<a href=""><img src="images/1.jpg " alt="image1"/></a>
						<div class="sb-description">
							<h3>COMBO 1 $ 2.890</h3>
						</div>
					</li>
					<li>
						<a href="" target="_blank"><img src="images/2.jpg" alt="image2"/></a>
						<div class="sb-description">
							<h3>COMBO 2 $3.290</h3>
						</div>
					</li>
					<li>
						<a href="" target="_blank"><img src="images/3.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>COMBO 3 $2.990</h3>
						</div>
					</li>
					<li>
						<a href="" target="_blank"><img src="images/4.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>COMBO 4 $1.990</h3>
						</div>
					</li>
					<li>
						<a href="" target="_blank"><img src="images/5.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>COMBO 5 $2.490</h3>
						</div>
					</li>
					<li>
						<a href="" target="_blank"><img src="images/6.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>COMBO 6 $3.200</h3>
						</div>
					</li>
					<li>
						<a href="" target="_blank"><img src="images/7.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>COMBO 7 $2.390</h3>
						</div>
					</li>
				</ul>

				<div id="shadow" class="shadow"></div>

				<div id="nav-arrows" class="nav-arrows">
					<a href="#">Next</a>
					<a href="#">Previous</a>
				</div>

				<div id="nav-options" class="nav-options">
					<span id="navPlay">Play</span>
					<span id="navPause">Pause</span>
				</div>

		  </div>
			<div>
			  <table width="101%" height="311" border="0" background="images/fancy_deboss.png">
                <tr>
                  <th width="21%" height="307" align="center" valign="top" background="images/fancy_deboss.png" bgcolor="#333333" scope="row"><p class="Estilo3 Estilo5">
				  
				    <div id="sidebar1">
                     <form id="login" action="control.php" method="post" target="_parent">
				      <p><span class="Estilo13">iniciar sesión</span></p>
				      
				      <div>
                        <p><span class="Estilo9"><span class="Estilo12">Nombre:</span>
                             <input class="topinputstyle" type="text" name="usuario" placeholder="Usuario"  required/>
                              <br>
                        </span></p>
                        <p>&nbsp;</p>
                        <p><span class="Estilo9"><span class="Estilo12"> Clave</span></span>:
				          <input class="topinputstyle" type="password" name="clave" placeholder="Password" required/>
                            <br>
                        </p>
                        <p>&nbsp;</p>
                        <center>
                        <input class="loginbutton" type="submit" value="Entrar" /></form>
                        </center>
				        <p class="Estilo12">&nbsp;</p>
				        <p>&nbsp; </p>
                        </div></form>
			         				      </p>
                      <span class="Estilo13"> Registrarse </span></div>
			      <p class="Estilo3">&nbsp;</p></th>
                  <th width="59%" align="center" valign="top" background="images/fancy_deboss.png" scope="row"><p class="Estilo11">Otros restaurantes . . . </p>
                    <p>&nbsp;</p>
                  <p><a href="http://www.atrapalo.com/restaurantes/chilenazo-la-florida_f8172.html"></a></p>
                  <table width="786" height="232" border="1" background="images/fondo3.jpg">
                    <tr>
                      <th width="149" height="226" align="center" valign="top" scope="row"><p class="Estilo14">El Nerudiano </p>
                        <p>&nbsp;</p>
                      <p><a href="http://www.elmesonnerudiano.cl/"><img src="images/nerudino.jpg" width="152" height="145" border="0"></a> </p></th>
                      <td width="150" align="center" valign="top"><p class="Estilo14">Palazio Danubio</p>
                        <p>&nbsp;</p>
                      <p class="Estilo13"><a href="http://danubioazul.cl/sitio/"><img src="images/palazio.jpg" width="152" height="145" border="0"></a></p></td>
                      <td width="150" align="center" valign="top"><p class="Estilo14">Gabriela</p>
                        <p>&nbsp;</p>
                        <p class="Estilo14"><a href="http://www.gabrielarestaurante.cl/"><img src="images/gabriela.jpg" width="152" height="145" border="0"></a></p>
                      <p class="Estilo14">&nbsp;</p></td>
                      <td width="150" height="226" align="center" valign="top"><p class="Estilo14">El Chilenazo </p>
                        <p>&nbsp;</p>
                        <p class="Estilo14"><a href="http://www.laguiar.com/restaurant/Chilenazo-Santiago"><img src="images/chilenazo.jpg" width="150" height="145" border="0"></a></p>
                        <p class="Estilo14">&nbsp;</p>
                      <p class="Estilo14">&nbsp;</p></td>
                      <td width="148" align="center" valign="top"><p><span class="Estilo14">La Taverna </span></p>
                        <p>&nbsp;</p>
                      <p><a href="http://santiago.restorando.cl/restaurante/la-taverna-della-piazza"><img src="images/tavarna.jpg" width="150" height="145" border="0"></a></p></td>
                    </tr>
                  </table></th>
                  <th width="20%" align="center" valign="top" background="images/fancy_deboss.png" bgcolor="#333333" class="Estilo7" scope="row"><p>&nbsp;</p>
                  <p class="Estilo12">Menus del dia </p>
                  <p>&nbsp;</p>
                  <p class="Estilo15">* Minipizza de Salchichon + </p>
                  <p class="Estilo15">1 baso de bebida  </p>
                  <p class="Estilo15">&nbsp;</p>
                  <p class="Estilo15">*Hamburgeza casera + papas</p>
                  <p class="Estilo15">fritas y bebida </p>
                  <p class="Estilo15">&nbsp;</p>
                  <p class="Estilo15">*Naggets de pollo + papas</p>
                  <p class="Estilo15">fritas + empanadas +</p>
                  <p class="Estilo15">bebida o jugo</p>
                  <p class="Estilo15">&nbsp;   </p></th>
                </tr>
              </table>
			</div>
			<table width="100%" height="107" background="images/fancy_deboss.png">
              <tr>
                <td width="1%" height="101" background="images/fancy_deboss.png">&nbsp;</td>
              </tr>
          </table>
			<p class="info">&nbsp;</p>

	</div>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.slicebox.js"></script>
		<script type="text/javascript">
			$(function() {
				
				var Page = (function() {

					var $navArrows = $( '#nav-arrows' ).hide(),
						$navOptions = $( '#nav-options' ).hide(),
						$shadow = $( '#shadow' ).hide(),
						slicebox = $( '#sb-slider' ).slicebox( {
							onReady : function() {

								$navArrows.show();
								$navOptions.show();
								$shadow.show();

							},
							orientation : 'h',
							cuboidsCount : 3
						} ),
						
						init = function() {

							initEvents();
							
						},
						initEvents = function() {

							// add navigation events
							$navArrows.children( ':first' ).on( 'click', function() {

								slicebox.next();
								return false;

							} );

							$navArrows.children( ':last' ).on( 'click', function() {
								
								slicebox.previous();
								return false;

							} );

							$( '#navPlay' ).on( 'click', function() {
								
								slicebox.play();
								return false;

							} );

							$( '#navPause' ).on( 'click', function() {
								
								slicebox.pause();
								return false;

							} );

						};

						return { init : init };

				})();

				Page.init();

			});
		</script>
	</body>
</html>	